// 上面这个代码处理过度动画（默认加上不用管）
document.addEventListener('DOMContentLoaded', () => {
  setTimeout(() => {
    document.body.classList.add('sidenav-pinned')
    document.body.classList.add('ready')
  }, 200)
})

axios.defaults.baseURL = 'http://ajax-api.itheima.net'

axios.interceptors.request.use(function (config) {
  // 在发送请求之前做些什么
  config.headers.Authorization = localStorage.getItem('token')

  return config
},
  function (error) {
    // 对请求错误做些什么
    return Promise.reject(error)
  }
)

//  配置响应拦截器（判断token是否过期）
axios.interceptors.response.use(function (response) {
  // 对响应数据做点什么
  return response;
}, function (error) {
  // console.dir(error)
  if (error.response.status === 401) {
    // 说明token过期了，总之token不能用了
    localStorage.removeItem('token')
    location.href = './login.html' // JS中的相对路径和 js 文件在哪里无关；和使用js的html有关系
  }
  // 对响应错误做点什么
  return Promise.reject(error);
});

// 显示用户名和退出
// 1.显示用户名
let username = document.querySelector('#username')
if (username) {
  document.querySelector('#username').innerHTML = localStorage.getItem("username")

  document.querySelector('#logout').addEventListener('click', function () {
    // e.preventDefault()
    if (!confirm('你确定要退出吗')) return
    localStorage.removeItem("username")
    localStorage.removeItem("logout")
    location.href = './login.html'
  })
}